<template>
	<view class="box">
		<view class="item">
			<view class="name">
				开启时间
			</view>
			<view class="value">
				{{list.wait_info.wait_start}}
			</view>
		</view>
		<view class="item">
			<view class="name">
				获取类型
			</view>
			<view class="value">
				{{list.form_type}}
			</view>
		</view>
		<view class="item">
			<view class="name">
				订单号
			</view>
			<view class="value">
				{{list.order_info.order_no}}
			</view>
		</view>
		<view class="item">
			<view class="name">
				商品名称
			</view>
			<view class="value">
				{{list.goods_info.title}}
			</view>
		</view>
		<view class="item">
			<view class="name">
				套餐分类
			</view>
			<view class="value">
				{{list.device_type_name}}
			</view>
		</view>
		<view class="item">
			<view class="name">
				使用店面
			</view>
			<view class="value">
				{{list.shop_name}}
			</view>
		</view>
		<view class="item">
			<view class="name">
				套餐单次总时长(分钟)
			</view>
			<view class="value">
				{{list.service_time}}
			</view>
		</view>
		<view class="item">
			<view class="name">
				剩余核销时长(分钟)
			</view>
			<view class="value">
				{{list.use_time}}
			</view>
		</view>
		<view class="item">
			<view class="name">
				停止时间
			</view>
			<view class="value">
				{{list.wait_info.wait_stop}}
			</view>
		</view>
	</view>
</template>

<script>
	import {waitService} from "@/api/device.js"
	export default{
		data(){
			return{
				order_id:'',
				list:{wait_info:{},goods_info:{}}
			}
		},
		onLoad(e) {
			console.log(e);
			if(e.order_id){
				this.order_id = e.order_id
				this.waitService()
			}
		},
		methods:{
			waitService(){
				waitService({order_id:this.order_id}).then(res=>{
					this.list = res.data.data
				})
			}
		}
	}
</script>

<style lang="scss">
	page{
		background-color: #f2f2f2;
	}
	
	.box{
		font-size: 28upx;
		margin: 20upx;
		background-color: #fff;
		border-radius: 20upx;
		box-shadow: 0 0 8upx 1upx #e2e2e2;
		padding: 26upx 26upx 6upx;
		.item{
			display: flex;
			margin-bottom: 20upx;
			.name{
				flex: 1;
			}
			.value{
				flex: 1;
				text-align: right;
			}
		}
	}
</style>